---
type: tutorial
unitTitle: Astro 섬으로 항해를 떠나세요
title: '체크인: 6단계 - Astro 아일랜드'
description: |-
  튜토리얼: 첫 번째 Astro 블로그 구축 — Astro 아일랜드 사용하여 프런트엔드 프레임워크 컴포넌트를 Astro 사이트로 가져오기
i18nReady: true
---

import Badge from '~/components/Badge.astro';
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';

이제 완벽하게 작동하는 블로그가 있으므로 사이트에 대화형 섬을 추가할 차례입니다!

## 학습 내용 미리보기

이 단계에서는 **Astro 아일랜드**를 사용하여 프런트엔드 프레임워크 컴포넌트를 Astro 사이트로 가져옵니다.

여러분은 다음 작업을 수행하게 됩니다:
- Astro 프로젝트에 UI 프레임워크인 Preact를 추가
- Preact를 사용하여 대화형 인사말 컴포넌트 만들기
- 상호작용을 위해 아일랜드를 선택하지 _않을_ 때를 알아보기

<Box icon="check-list">

## Checklist

<Checklist key="interactivity">
- [ ] 내 사이트에 상호작용 기능을 추가하고 아일랜드 라이프를 시작할 준비가 되었습니다!
</Checklist>
</Box>
